<template>
  <div class="page-distribution-prod">
    <el-tabs>
      <el-tab-pane :label="$t('user.merchandiseManagement')">
        <!-- 分销商品管理 -->
        <ProdManage />
      </el-tab-pane>
      <el-tab-pane :label="$t('user.salesRecord')">
        <!-- 销售记录 -->
        <SalesRecord />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import ProdManage from './components/prod-manage.vue'
import SalesRecord from './components/sales-record.vue'
</script>

<style scoped>
.page-distribution-prod :deep(.el-tabs__item.is-active) {
  color: #000;
  font-weight: 800;
}
</style>
